<!doctype html>
<html lang="en" xmlns="http://www.w3.org/1999/xhtml"
xmlns:og="http://ogp.me/ns#"
xmlns:fb="http://www.facebook.com/2008/fbml">
<head>
<meta property="fb:admins" content="690758227" />
<meta property="og:title" content="Clique do Bem" />
<meta property="og:type" content="website" />
<meta property="og:image" content="http://www.cliquedobem.com.br/images/FotoFacebook.jpg" />
<meta property="og:url" content="http://www.cliquedobem.com.br" />
<meta property="og:site_name" content="Clique do Bem" />
<meta property="og:description" content="Faça o bem com apenas um clique." />
<link rel="SHORTCUT ICON"
       href="http://www.cliquedobem.com.br/images/icologo.png">
<meta charset="utf-8">
<title>Clique Do Bem</title>
<meta content="width=device-width, initial-scale=1, maximum-scale=1" name="viewport">
<link href="css/reset.css" type="text/css" rel="stylesheet">
<link href="css/style.css" type="text/css" rel="stylesheet">
<link type="text/css" rel="stylesheet" href="http://fonts.googleapis.com/css?family=Open+Sans:400,700&amp;subset=latin,latin-ext">
<script src="js/jquery.min.js" type="text/javascript"></script>
		<script>(function(d, s, id) {
		  var js, fjs = d.getElementsByTagName(s)[0];
		  if (d.getElementById(id)) return;
		  js = d.createElement(s); js.id = id;
		  js.src = "//connect.facebook.net/pt_BR/all.js#xfbml=1&appId=157429264363739";
		  fjs.parentNode.insertBefore(js, fjs);
		}(document, 'script', 'facebook-jssdk'));</script>
<script type="text/javascript">
var _gaq = _gaq || [];
_gaq.push(['_setAccount', 'UA-34815527-1']);
_gaq.push(['_trackPageview']);

(function() {
var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
})();


</script>
</head>
<body>
<script>
window.location.replace("/missaodobem");
</script>
<div id="fb-root"></div>
	<!-- cabecalho -->
	<div id="header2">
		<div class="container">
				<img alt="" src="images/logoCDB.png">
				<div id="link-logo">
					<a class="link-cdb" href="#como-funciona"><img alt="" class="img-link" src="images/ifunciona.png"/>Como funciona</a>&nbsp;&nbsp;&nbsp;<a class="link-cdb" href="#contato"><img class="img-link"   alt="" src="images/icontato.png"/>Contato</a>
				</div>
		</div>
	</div>
	<!-- bannner -->
	<!-- 960 Ctainer -->
	<div class="container">
		<div class="sixteen columns newlogo">
			<div style="z-index:10" class="home"><div id="textobanner">Empresa do bem</div>
				<a href="http://www.katy.com.br"><img alt="" src="images/topobanner.png"></a>
				<div class="twitterf">
					<div id="texto-banner">
					<span id="linha1-tb">Faça o bem com apenas um clique.</span><br>
					<span id="linha2-tb">Juntos somos mais fortes e podemos fazer a diferença.</span><br>
					<span id="linha3-tb">Siga os passos abaixo para ajudar. A empresa do bem patrocinará a sua doação.</span>
					</div>
				</div>
			</div>
				
		</div>
	</div>
	<!-- fim banner -->
	<!-- veja o video -->
	<div id="parte-um">
	<div class="container espaco">
				<div class="piber columns steps esquerda">		
						<div class="feature"><div class="featuretext"><img alt="" src="images/icoVideo.png">Veja o vídeo</div><img alt="" src="images/BotaoVideo.png"></div>
						<!-- div class="font-click feature-description">
						<h4 class="featuredh4">Veja o vídeo</h4>
						</div> -->
						<div class="div-video"><iframe width="420" height="315" src="http://www.youtube.com/embed/_gyzqXmCb40" ></iframe>
						</div>
				</div>
				<div class="piber div-video-texto columns">		
					<div>
						<p class="justify">
							<span class="strong">Instituição que receberá a doação: </span>Casa Menino Jesus de Praga <br><br>
							A Casa do Menino Jesus de Praga é uma instituição filantrópica que tem como objetivo abrigar e promover o 
							atendimento gratuito a crianças e adolescentes com lesões cerebrais graves e deficiências motoras permanentes.<br><br>
							Para continuar desempenhando a nossa missão, é vital continuarmos contando com a ajuda de nossos amigos e parceiros. 
							Só assim a Casa pode permanecer sendo um lugar de qualidade, de aprendizado, de alegria e 
							de esperança para as crianças que atendemos.<br><br>Localização: Rua Nelson Zang, 285 - Porto Alegre - RS
							 <br>Telefone para contato: (51) 3315-0011<br><a href="http://www.casadomenino.org.br" target="blank">www.casadomenino.org.br</a>
					</div>
				</div>
	</div><!-- fim veja o video -->
	<!-- curta e compartilhe -->
	<div class="container">
				
				<!-- 1/3 Columns -->
				<div class="piber columns steps esquerda">		
					<div class="feature feature-t classecurta"><div class="featuretext"><img alt="" src="images/icoCurtir.png">Curta a campanha</div>
						<img alt="" src="images/BotaoCurtir.png">
						<div class="font-click feature-description">
								<p>Faça o bem com apenas um clique e ajude a atingir a meta. Quando a meta for atingida os recursos cedidos pela empresa patrocinadora serão doados a instituição.</p>
							
						</div>
					</div>
					<div class="feature feature-t"><div class="featuretext"><img alt="" src="images/icoCompartilhar.png">Divulgue</div>
						<div><img alt="" src="images/Botaodivulgue.png"></div>
						<div class="font-click feature-description">
							Compartilhe a campanha nas redes sociais e mostre para seus amigos que você está fazendo o bem.
						</div>
							<div id="face-compartilhar">
						 	<a href="javascript: void(0);" onclick="window.open('http://www.facebook.com/sharer.php?u=http://www.facebook.com/photo.php?fbid=283691088402747&set=a.281338165304706.52952.202064716565385&type=1&theater','ventanacompartir', 'toolbar=0, status=0, width=650, height=450');"><img alt="" src="images/botaocompartilhar.png"/></a> 
						</div>
					</div>
				</div>
				
				<div class="piber columns">
					<div class="project_overview">
						<div id="img-doar"><img id="meta-side" alt="" src="images/Meta.png">
							<div class="button-face">
							<div class="fb-like" data-href="http://www.facebook.com/katyvirtual" data-send="false" data-layout="button_count" data-width="25" data-show-faces="false"></div>
							</div>
						</div>	
						<!-- div class="font-click button-meta">
						<img style="display:inline;vertical-align: middle;margin-top:-15px;margin-left:10px;" alt="" src="images/confirm_ico.png"/><span style="margin-left:40px;font-size:30px;"><span>META: 2000 </span><span style="font-size:25px;color:#0544FF;">Curtidas</span></span>
						</div -->
					</div>
				</div>
				
	</div><!-- fim curta e compartilhe -->
	</div>	<div id="parte-meio" class="container"><a name="como-funciona"></a><a href="#"><img alt="" src="images/barra.png"></a></div>
	<!-- como funciona -->
	<div id="parte-dois">
	<div class="container">
		<!-- Project Title -->
		<div class="sixteen columns center top-cinquenta">
			 <div class="titulo-como"><img alt="" class="center" src="images/IcoComoFunciona.png"><span class="como-funciona">Como funciona</span></div>
		</div>
		<div class="piber columns steps l-side">
			<div class="featured-text-comoe"><img alt="" class="center" src="images/IcoStar.png">Uma empresa do bem anuncia no site e estipula uma meta de acesso a ser atingida.</div>
		</div>
		<div class="piber columns steps r-side">
			<div class="altura"></div>
			<div class="featured-text-comod"><img alt="" class="center" src="images/IcoMouse.png">Você clica em curtir e compartilha a campanha ajudando para que a meta se cumpra.</div>
		</div>
		<div class="piber columns steps  l-side topopequenoe">
			<div class="featured-text-comoe"><img alt="" class="center" src="images/IcoHeart.png">Atingida a meta os recursos cedidos pela empresa patrocinadora serão doados a instituição.</div>
		</div>
		<div class="piber columns steps r-side topopequenoe">
			<div class="altura"></div>
			<div class="featured-text-comod"><img alt="" class="center" src="images/IcoHappy.png">Pronto! Com um clique você faz o bem, ajuda muitas pessoas e apoia grandes projetos sociais.</div>
			<div class="altura"></div>
		</div>
		<!-- End Project Title-->

		

	</div>
	</div>
	<!-- fim como funciona -->
	<!-- Footer -->
	<div id="footer">
	
		<!-- 960 Container -->
		
		<div class="container">
		<a name="contato"></a>
			<div id="center-footer">
				<div class="four columns f-esq">
					<img alt="" src="images/logo-rodape.png">
							<ul class="social">
								<li class="facebook"><a target="target" href="http://www.facebook.com/cliquedobem"></a></li>
								<li class="twitter"><a target="target" href="http://www.twitter.com/ocliquedobem"></a></li>
							 </ul>
				</div>
				<div class="four columns f-dir">
				<div class="copyright">Contato:</div>
					<div class="copyright">cliquedobem@gmail.com</div>
				</div>
				<div class="nine columns f-baxo"><div class="copyright">&copy; Copyright 2012, <span>cliquedobem</span>. Todos os direitos reservados.</div></div>
			</div>
		</div><!-- End 960 Container -->
	</div>
		<!-- Back To Top Button -->
		<div id="backtotop"><a href="#"></a></div>
</body></html>